<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/fushuload.css">
    <link rel="stylesheet" href="../css/firstPage.css">
    <link rel="stylesheet" href="../css/head.css">

    <script type="text/javascript" src="../js/zepto.min.js"></script>
    <script type="text/javascript" src="../js/touch-0.2.14.min.js"></script>
</head>
<body>
<div class="all">

    <div class="loading">
        <div>
            <div class="first">
                <img class="pic" src="../img/firstheadimg.png" alt="">
                <div><a href="register16.html">登录</a></div>
            </div>
            <div><p>我关注的游戏</p></div>
            <div class="second">
                <div>
                    <img src="../img/firstload.png" alt="">
                    <p>天天酷跑</p>
                </div>
                <img src="../img/rightarrowwhite.png" alt="">
            </div>
            <div class="third">
                <div><p>+</p></div>
                <a href="game_manage3.html">添加游戏</a>
            </div>
            <div class="fourth"><a href="shits4.html">我要吐槽</a></div>
        </div>
    </div>
    <div class="firstpage">
        <!--头部-->
        <div class="head">
            <a href="###"><img class="img_menu" src="../img/first1.png" alt=""/></a>
            <h2>玩咖手游助手</h2>

        </div>
        <!--轮播图-->
        <div class="showindow">
            <div class="content clearfix">
                <img class="l" src="../img/first2.png" alt=""><img src="../img/first3.png" alt=""><img src="../img/first4.png" alt="">
            </div>
            <div class="cir">
                <span class="on on1"></span><span class="on"></span><span class="on"></span>
            </div>
        </div>

        <!--内容-->
        <div class="content_mid">
            <div class="msg"><div><img src="../img/firstgift.png" alt=""></div><span>礼包公告</span></div>
            <ul class="game">
                <li>
                    <img src="../img/first7.png" alt="">
                    <p>王者荣耀</p>
                    <p>有<span>1</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first8.png" alt="">
                    <p>天天酷跑</p>
                    <p>有<span>12</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first9.png" alt="">
                    <p>全民突击</p>
                    <p>有<span>5</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first9.png" alt="">
                    <p>热血传奇</p>
                    <p>有<span>2</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first7.png" alt="">
                    <p>王者荣耀</p>
                    <p>有<span>1</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first8.png" alt="">
                    <p>天天酷跑</p>
                    <p>有<span>12</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first9.png" alt="">
                    <p>全民突击</p>
                    <p>有<span>5</span>款礼包</p>
                </li>
                <li>
                    <img src="../img/first9.png" alt="">
                    <p>热血传奇</p>
                    <p>有<span>2</span>款礼包</p>
                </li>
            </ul>

            <ul class="gamemoney">
                <li class="clearfix">
                    <img class="l" src="../img/first5.png" alt="">
                    <div><span>穿越火线金币礼包</span><span>日期:2016.2.14</span></div>
                    <p>8888金币,疯狂宝贝(3天)</p>
                </li>
                <li class="clearfix">
                    <img class="l" src="../img/first6.png" alt="">
                    <div><span>穿越火线金币礼包</span><span>日期:2016.2.14</span></div>
                    <p class="ps">钻石*38,曹操英雄体验卡*1天,曹操吴国大战</p>
                </li>
            </ul>

            <p>关注游戏领取游戏专属礼包</p>
        </div>

        <div class="content_bottom">
            <div class="content_bottom_fire">
                <div>
                    <div><img src="../img/first11.png" alt=""></div>
                    <span>穿越火线</span>
                </div>
                <img src="../img/first14.png" alt="">
                <div><p>6.1版本单排上分最强打野英雄</p></div>
                <ul>
                    <li class="clearfix">
                        <img class="l" src="../img/first12.png" alt="">
                        <p>《英雄联盟》春节猴哥皮肤礼包</p>
                    </li>
                    <li class="clearfix">
                        <img class="l" src="../img/first13.png" alt="">
                        <p>《英雄联盟》春节猴哥皮肤礼包</p>
                    </li>
                </ul>
                <div><p>查看更多</p></div>
            </div>
        </div>

        <div class="content_bottom">
            <div class="content_bottom_fire">
                <div>
                    <div><img src="../img/first15.png" alt=""></div>
                    <span>英雄联盟</span>
                </div>
                <img src="../img/first16.png" alt="">
                <div><p>6.1版本单排上分最强打野英雄</p></div>
                <ul>
                    <li class="clearfix">
                        <img class="l" src="../img/first17.png" alt="">
                        <p>《英雄联盟》春节猴哥皮肤礼包</p>
                    </li>

                </ul>
                <div><p>查看更多</p></div>
            </div>
        </div>

        <div class="content_bottom">
            <div class="content_bottom_fire">
                <div>
                    <div><img src="../img/first18.png" alt=""></div>
                    <span>英雄联盟</span>
                </div>
                <img src="../img/first19.png" alt="">
                <div><p>6.1版本单排上分最强打野英雄</p></div>
                <ul>
                    <li class="clearfix">
                        <img class="l" src="../img/first20.png" alt="">
                        <p>《英雄联盟》春节猴哥皮肤礼包</p>
                    </li>
                    <li class="clearfix">
                        <img class="l" src="../img/first21.png" alt="">
                        <p>《英雄联盟》春节猴哥皮肤礼包</p>
                    </li>
                </ul>
                <div><p>查看更多</p></div>
            </div>
        </div>


        <div class="videos">
            <div>
                <img src="../img/firstvideo.png" alt="">
                <span>视频秀</span>
            </div>
            <ul>
                <li>
                    <img src="../img/first22.png" alt="">
                    <div><p>英雄联盟</p></div>
                    <a href="lolvideo.html">6.1版本单排上分最强打野英雄<br>Tops5排行</a>
                </li>
                <li>
                    <img src="../img/first23.png" alt="">
                    <div><p>英雄联盟</p></div>
                    <a href="lolvideo.html">6.1版本单排上分最强打野英雄<br>Tops5排行</a>
                </li>
                <li>
                    <img src="../img/first24.png" alt="">
                    <div><p>英雄联盟</p></div>
                    <a href="lolvideo.html">6.1版本单排上分最强打野英雄<br>Tops5排行</a>
                </li>
                <li>
                    <img src="../img/first25.png" alt="">
                    <div><p>英雄联盟</p></div>
                    <a href="lolvideo.html">6.1版本单排上分最强打野英雄<br>Tops5排行</a>
                </li>
            </ul>
            <div><p>查看更多</p></div>
        </div>


            <ul class="dd">
                <li><a href="firstPage.html"><img src="../img/a0.png" alt="" /></a><p>首页</p></li>
                <li><a href="video.html"><img src="../img/2.png" alt="" /></a><p>视频</p></li>
                <li><a href="store.html"><img src="../img/3.png" alt="" /></a><p>商城</p></li>
                <li><a href="fifty-mine.html"><img src="../img/4.png" alt="" /></a><p>我的</p></li>
            </ul>
     </div>

</div>
 </body>
<script type="text/javascript" src="../js/touchmove.js"></script>
<script type="text/javascript" src="../js/clicktoload.js"></script>

<script type="text/javascript" src="../js/playauto.js"></script>
<script type="text/javascript" src="../js/firstpage.js"></script>
<script type="text/javascript">
//  var div = document.getElementsByClassName('fistpage')[0];
//  var startPoint = {x : 0}
//  var endPoint = {x : 0}
//  div.ontouchstart = function(event){
//      var touchST = event.changedTouches[0];
//      startPoint.x = touchST.pageX;
//  }
//  div.ontouchmove = function(event){
//      var touchED = event.changedTouches[0];
//      endPoint.x = touchED.pageX;
//      div.style.left = div.offsetLeft + endPoint.x - startPoint.x + "px";
//      startPoint.x = endPoint.x;
//      event.preventDefault();
//      return false;
//  }
    
    
    
    
    
    
</script>
</html>